@import '../../components/common/style/mixin.less';
.proj-view {
  .esri-popup__header {
    height: 40px;
    line-height: 40px;
    &-title {
      color: #ffffff;
      font-size: 16px;
      padding-top: 0;
      margin-top: 0;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    &:before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      content: '';
      height: 40px;
      background: linear-gradient(270deg, rgba(32, 47, 55, 0.65) 0%, rgba(30, 39, 45, 0.65) 100%);
      opacity: 0.5;
    }
  }
  .esri-popup__content {
    .beautify-scrollbar();
    margin: 0;
    background: linear-gradient(135deg, rgba(19, 27, 32, 0.85) 0%, rgba(9, 18, 24, 0.85) 100%);
    .esri-widget {
      background-color: transparent;
    }
  }
  .esri-popup__main-container {
    background-color: transparent;
  }
  .esri-popup__pointer {
    display: none;
  }
  .esri-popup__header-buttons {
    z-index: 10;
  }
  .esri-popup__button,
  .esri-popup__header-title {
    &:hover {
      background-color: transparent;
    }
  }

  .esri-popup__header-title {
    text-align: left;
  }

  // hacky方法给title设定一个默认值
  .esri-popup__header-buttons {
    &:before {
      content: 'BIM构件属性';
      position: absolute;
      left: 16px;
      font-size: 16px;
      color: #ffffff;
      pointer-events: none;
    }
  }
  .esri-popup__header-container + .esri-popup__header-buttons {
    &:before {
      content: '';
    }
  }
  .esri-popup__button {
    &:hover {
      color: lighten(#6e6e6e, 10%);
    }
  }
}
